@charset "utf-8";

* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {-webkit-text-size-adjust: 100%;}
body {padding: 0;margin: 0 auto;font-size: 16px; color: #333;background-color: #fff;font-family: "Alibaba Regular";min-width: 320px;overflow: hidden; overflow-y: auto;
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0,0,0,0);
    /*控制内容的可选择性*/
/*     -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none; */
}
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside{padding: 0;margin: 0;}
.ul,
.ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
table td {border-collapse: collapse;font-size: 1px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Alibaba Regular";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none; -webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}
a:hover {color: #ff9016;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
    margin:0;
    font-family: "Microsoft YaHei";
    text-align:justify;
    text-justify:inter-ideograph;
}
img, object {
    border: none;
    max-width: 100%;
    border: 0;
    overflow: hidden;
    vertical-align: middle;
}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; }

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
/*2行文本省略号*/
.dot2 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
/*3行文本省略号*/
.dot3 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}

.dot4 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}

.dot5 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}

.dot6 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}

.ytable{ display:table; width:100%;table-layout: fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}

.bg_cover{background-size: cover;background-position: center center;background-repeat: no-repeat;}
.bg_contain{background-size: contain;background-position: center center;background-repeat: no-repeat;}
a {
    color: #585858;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 去掉链接触摸高亮 */
a:focus {
    outline: none;
    -moz-outline: none;
}

.hide {
    display: none;
}


/* header */
.header{position: fixed; top: 0; left: 0; z-index: 50; width: 100%; transition: all 0.3s; background-color: #fff; min-width: 320px;}
/* .header.fixed{position: fixed; left: 0;} */
.header .top{position: relative; padding-top:10px;}
.header .header-left{ width:60%; max-width: 470px;}
.header .logo{float: left; width: 55%;}
.header .welfare{float: right; width: 40%}
.header .logo a,
.header .welfare a{display: block;}
.header .header-right{}
.header .shares{position: absolute; right: 0; line-height:30px;}
.header .shares .num{padding: 0 15px 0 5px; position: relative;}
.header .shares .num::after{content: '';  width: 8px; height: 5px; position: absolute; top: 8px; right: 3px;}
.header .shares .num#tred{color: #ef0000; }
.header .shares .num#tred::after{background: url(../images/redpointer-icon.png) no-repeat center;}
.header .shares .num#tgreen{color: #00ba00;}
.header .shares .num#tgreen::after{background: url(../images/greenpointer-icon.png) no-repeat center;}
.header .header-nav{width: 100%; transition: all .3s; z-index: 100;}
.header .header-nav ul{width: auto; min-height: 55px; text-align: right;}
.header .header-nav li{margin: 0 24px; position: relative; display: inline-block; line-height: 30px; padding-bottom: 25px;}
.header .header-nav li:last-child{margin-right: 0;}
.header .header-nav li em{font-style: normal; display: block;}
.header .header-nav li em a{display: block; transition: all 0.3s; font-size: 18px; font-family: 'Alibaba Regular';}
.header .header-nav li.on em a,
.header .header-nav li:hover em a{color: #ff9016;}
.header .header-nav li::after{content: ''; width: 0px; height: 3px; background-color: #ff9016; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); transition: all 0.3s;}
.header .header-nav li.on::after,
.header .header-nav li:hover::after{width: 60px;}
.header .header-nav .sub{position: absolute; bottom: 0; left: 50%; transform: translate(-50%,100%); width: auto; min-width: 180px; text-align: center; box-shadow:0 0 7px rgba(0, 0, 0, 0.3); overflow: hidden; display: none; z-index: 60; background-color: #fff;}
.header .header-nav .sub dd{line-height: 40px; padding: 0 3%; transition: all .3s;}
.header .header-nav .sub dd a{display: block;}
.header .header-nav .sub dd:hover{background-color: #ff9016;}
.header .header-nav .sub dd:hover a{ color: #fff;}

.header #open-menu{width: 35px; height: 30px; position: relative; margin: 15px 0 0 0; display: none; float: right;}
.header #open-menu:hover{cursor: pointer;}
.header #open-menu i,
.header #open-menu::before,
.header #open-menu::after{width: 30px; height: 3px; background-color: #ff9016; transition: all .3s ease-in-out; content: '';}
.header #open-menu i{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.header #open-menu::before{position: absolute; left: 50%; top: 10%; transform: translate(-50%,0);}
.header #open-menu::after{position: absolute; left: 50%; bottom: 10%; transform: translate(-50%,0);}
.header #open-menu.show{display: block;}
.header #open-menu.active i{opacity: 0;}
.header #open-menu.active::after{transform: rotate(45deg); top: 50%; left: 0;}
.header #open-menu.active::before{transform: rotate(-45deg); top: 50%; left: 0;}

@media(max-width: 1200px){
  .header .header-nav li em a{font-size: 16px;}
  .header .header-nav li{margin: 0 20px;}
}
@media(max-width: 1024px){
  .header .top{ padding-bottom: 10px;}
  .header .header-right{min-height: 0;}
  .header .shares{ right:60px; top: 20px;}
  .header #open-menu{display: block;}
  .header .header-nav{position: fixed; top: 65px; right: -200px; width: 200px; height: 100vh; background-color: #ff9016;}
  .header .header-nav.show{right: 0;}
  .header .header-nav ul{text-align: start; padding-top: 5%;}
  .header .header-nav li{display: block; margin: 0; line-height: 50px; padding: 0;}
  .header .header-nav li::after{content: none;}
  .header .header-nav li em{padding: 0 27px;}
  .header .header-nav li.on em a,
  .header .header-nav li:hover em a{color: #fff;}
  .header .header-nav li a{color: #fff;}
  .header .header-nav .sub{position: initial; transform: translateY(0); width: 100%; box-shadow: none; background-color: #ffc689; text-align: start;}
  .header .header-nav .sub dd{padding-left: 25%;}

  .header .header-right{padding-left: 400px;}
  .header .header-left{min-width: 0;}
  /* .header .header-left img{width: 80%;} */
  .header .welfare{padding-left: 0;}
}
@media(max-width: 768px){
  
  .header .header-left img{width: 100%;}
  .header .header-right{padding-left: 0;}
}
@media(max-width: 640px){
  .header .header-nav{top: 60px;}
  .header .shares{bottom:0; top: auto; right: auto; left: 2%}
}

.banner{padding-top: 120px;}

@media(max-width: 1024px){
  .banner{padding-top: 65px;}
}



.bottom{background-color: #2D2926;}
.bottom .bottom-top ul{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; height: 200px; border-bottom: 1px solid rgba(255,255,255,.05);}
.bottom .bottom-top li{display: inline-block; width: 25%;}
.bottom .hot-line{padding-left: 80px; background: url(../images/phone-icon.png)no-repeat left top;color: #fff; margin-left: 60px;}
.bottom .hot-line span{color: #fff;font-size: 36px; line-height: 50px; white-space: nowrap;}
.bottom .infor{margin: 5.5% 0 5.5% 30%; color: #fff; border-left: 3px solid #ff9016; padding-left: 8px; line-height: 1; white-space: nowrap;}
.bottom .complaint{width: 140px; line-height: 42px; color: #ff9016; border: 1px solid #47413c; display: inline-block; text-align: center; background: url(../images/jubao.png)no-repeat 28px center; padding-left: 20px; font-size: 14px;vertical-align:top;}
.bottom .qrcode{display: inline-block; padding-left: 20%;}
.bottom .bottom-top li:last-child{text-align: end;}

.bottom .copyright{min-height: 80px;}
.bottom .copyright .left,
.bottom .copyright .right{width: 50%; float: left; display: flex; align-items: center; height: 80px;}
.bottom .copyright .left a{color: rgba(255,255,255,.4); padding: 0 11px 0 9px; position: relative; font-size: 14px;}
.bottom .copyright .left a::after{content: ''; position: absolute; right: 0; top: 50%; width: 2px; height: 2px; border-radius: 50%; background-color: rgba(255,255,255,.4);}
.bottom .copyright .left a:first-child{padding-left: 0;}
.bottom .copyright .left a:last-child::after{content:none;}
.bottom .copyright .left a:hover{color: rgba(255,255,255,1);}
.bottom .copyright .right{color: rgba(255,255,255,.4); justify-content:flex-end; font-size: 14px;font-family: 'Alibaba Light'}
.bottom .copyright .right a{color: rgba(255,255,255,.4); font-size: 14px; font-family: 'Alibaba Light'}
@media(max-width: 1600px){
  .bottom .hot-line{margin-left: 0;}
}
@media(max-width: 1200px){
  .bottom .hot-line span{font-size: 26px;}
}
@media(max-width: 1024px){
  .bottom .bottom-top ul{padding: 5% 0; height: auto;}
  .bottom .bottom-top li{width: 50%;}
  .bottom .infor{margin: 3% 0;}
  .bottom .bottom-top li:last-child{text-align: start;}
  .bottom .copyright .left,
  .bottom .copyright .right{width: 100%; min-height: 40px; display: block; text-align: center; height: auto;}
  .bottom .complaint{vertical-align:middle}
}
@media(max-width: 768px){
  .bottom .bottom-top li{width: 100%;}
  .bottom .bottom-top li:last-child{text-align: center;}
  .bottom .qrcode{display: block; padding-left: 0; padding-top: 3%;}
  .bottom .hot-line{padding: 3% 0 3% 90px;background: url(../images/phone-icon.png)no-repeat left center;}
  .bottom .hot-line span{font-size: 26px;}
}
@media(max-width: 640px){
  .bottom .copyright .left{min-height: 30px;}
}

.subject_menu .box{display: none; text-align: center; margin: 50px auto; width: 200px; line-height: 50px; background-color: #ff8e16;}

.subject_menu .box a{color: #fff; display: block;}
.subject_menu ul{display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; padding:1.5% 0;}
.subject_menu ul.show{display: flex;}
.subject_menu li{ width: 11%; padding:1%;}
.subject_menu li a{display: block; line-height:40px; text-align: center; border: 1px solid #eee; transition: all .3s; color: #333;}
.subject_menu li.on a{background-color: #ff9016; color: #fff; border-color: #ff9016;}
 @media(max-width: 768px){
.subject_menu li{ width: 25%}
} 

.auto-1600{max-width: 1600px;margin: auto;}
.auto-1440{max-width: 1440px;margin: auto;}
@media (max-width: 1660px) {
    .auto-1600{padding: 0 2%;}
    .auto-1440{padding: 0 2%;}
}
@font-face {
    font-family: 'Alibaba Regular';
    /* url(../fonts/AlibabaSans-Black.otf) format("opentype")
    url(../fonts/AlibabaSans-Bold.otf) format("opentype")
    url(../fonts/AlibabaSans-BoldItalic.otf) format("opentype")
    url(../fonts/AlibabaSans-Heavy.otf) format("opentype")
    url(../fonts/AlibabaSans-HeavyItalic.otf) format("opentype")
    url(../fonts/AlibabaSans-Light.otf) format("opentype")
    url(../fonts/AlibabaSans-LightItalic.otf) format("opentype")
    url(../fonts/AlibabaSans-Italic.otf) format("opentype")
    url(../fonts/AlibabaSans-Medium.otf) format("opentype")
    url(../fonts/AlibabaSans-MediumItalic.otf) format("opentype"); */
    
    src: url("../fonts/AlibabaSans-Regular.otf") format("opentype"),
         url("../fonts/webfont.ttf") format('truetype'),
         url("../fonts/webfont.woff") format('woff'),
         url("../fonts/webfont.woff2") format('woff2');
    src: url("../fonts/webfont.eot");
    
    
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Alibaba Medium';
    src: url("../fonts/AlibabaSans-Medium.otf") format("opentype");
    /* font-weight: normal; */
    font-style: normal;
}
/* @font-face {
  font-family: 'Alibaba Regular';
  font-display: swap;
  src: url('//at.alicdn.com/t/webfont_vfaklxpans.eot');

} */

@font-face {
    font-family: 'Alibaba Light';
    src: url("../fonts/AlibabaSans-Light.otf") format("opentype");
    font-weight: lighter;
    font-style: normal;
}

@font-face {
    font-family: 'Alibaba Bold';
    src: url(../fonts/AlibabaSans-Bold.otf) format("opentype");
    font-weight: bold;
    font-style: normal;
}

.auto-1200{max-width: 1200px;margin: auto;}
.auto-1440{max-width: 1440px;margin: auto;}
.auto-1600{max-width: 1600px;margin: auto;}

.f20{ font-size: 20px;}
.f24{ font-size: 24px;}
.f26{ font-size: 26px;}
.f30{ font-size: 30px;}

@media (max-width: 1600px) {
.auto-1600{ padding-left: 2%; padding-right: 2%}
}
@media (max-width: 1400px) {
.auto-1440{padding-left: 2%; padding-right: 2%}
}
@media (max-width: 1200px) {
.auto-1200{padding-left: 2%; padding-right: 2%}
body{ font-size: 15px}
.f20{ font-size: 18px;}
.f24{ font-size: 20px;}
.f26{ font-size: 22px;}
.f30{ font-size: 26px;}
}
@media (max-width:768px) {
.f20{ font-size: 16px;}
.f24{ font-size: 18px;}
.f26{ font-size: 20px;}
.f30{ font-size: 22px;}
}

.zoomimg .pic{ overflow: hidden}
.zoomimg .pic .ispic{ display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.zoomimg:hover .pic .ispic{ -webkit-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1);}

.banner img{ width: 100%}
.banner .wap{ display: none}
@media (max-width:1024px) {
.banner .wap{ display: block}
.banner .pc{ display: none}
body{ font-size: 14px}
}


.location_menu { padding: 30px 0; line-height: 40px; border-bottom: solid 1px #ededed}
.location{ padding-left: 50px; float: right; color: #a9a9a9; background: url("../images/location_icon.png") no-repeat left; z-index: -1;}
.location a{ display: inline-block;color: #a9a9a9; position: relative; margin-right:50px; z-index: 0;}
.location a:after{ content: ''; width: 20px; height: 100%; position: absolute; right: -40px; top:50%; margin-top: -20px; background: url("../images/location_jt.png") no-repeat center center}
.location span{ color: #333333}
.menu{ float: left}
.menu li{ display: inline-block; margin-right:65px;}
.menu li:last-child{margin-right: 0; display: none;}
.menu li a{display: inline-block;  position: relative}
.menu li.aon a{ color: #ff9016;}
.menu li.aon a:after{ content: ''; position: absolute; left:0; bottom: -31px; width: 100%; height: 2px; background: #ff9016}
@media (max-width:1200px) {
.menu li{margin-right:30px;}
}
@media (max-width:960px) {
.location_menu{ padding: 15px 0}
.location,
.menu{ float:none}
.menu li{ margin-right: 4%}
.menu li:last-child{margin-right: 0;}
.menu li.aon a:after{ bottom: -16px}
.location{ padding-left: 30px;}
.location a{ margin-right:20px;}
.location a:after{ right: -20px; }
}
@media(max-width: 640px){
    .location_menu{padding: 15px 0 7px 0;}
    .menu li.aon a:after{bottom: -8px;} 
}

.space_tb{ padding: 6% 0 0 0; margin-bottom: 6%;}
.space_tb .search .search_Purchase{max-width: 500px;width: 100%;position: relative;float: right;background-color: #fff; padding: 10px 50px 10px 10px; margin-bottom: 10px;box-shadow: 0 0 5px rgba(0,0,0,0.1)}
.space_tb .search .search_Purchase a{ position: absolute; display: block; cursor: pointer;right: 10px; background: url(../images/search_icon.png) no-repeat center center; width: 40px; height: 40px;}
.space_tb .search .search_Purchase .text{ width: 100%; border: none; height: 40px;}

.map_contact{ position: relative; background:#f9f9f9 url("../images/contact_bg.png") no-repeat right bottom}
.map_contact .map{ position: absolute; left: 0; width:69.445%; height: 100%}
.map_contact .contact{ float: right; width:28%; padding:5% 3%;}
.map_contact .contact h1{ font-weight: normal}
.map_contact .contact ul{ padding:10% 0}
.map_contact .contact ul li{ line-height: 40px; position: relative;color: #999999; padding:3% 0 3% 20%;}
.map_contact .contact ul li img{ position: absolute; left: 0; top: 50%; margin-top: -20px; opacity: 0.1}
.map_contact .contact ul li:before{ content: ''; position: absolute; left:15%; top: 25%; width: 1px; height: 50%; background: #eaeaea}
.map_contact .contact ul span{ display: block; color: #ff9016}
.map_contact .share_pic{ position: relative;}
.map_contact .share_pic .pic{ width: 50%;}
.map_contact .share_pic .share{ position: absolute; right: 0; top: 50%; margin-top: -27px;}
.map_contact .share_pic .share a{ display: inline-block; width: 54px; height: 54px; border-radius: 100px; background: #ff9016 no-repeat center center}
.map_contact .share_pic .share a.weixin{ margin-right: 26px; background-image: url("../images/icon_weixin.png")}
.map_contact .share_pic .share a.sina{ background-image: url("../images/icon_sina.png")}
@media (max-width:960px) {
.map_contact .contact{ float: none; width:100%;}
.map_contact .map{ position: relative; width: 100%; padding-bottom:60%;}
.map_contact .contact ul{ padding:5% 0}
.map_contact .contact ul li{ line-height:30px; padding:1% 0 1% 20%}
}

.site_map li{ padding:1.5% 0; border-bottom:solid 1px #ededed}
.site_map li em{ font-style: normal}
.site_map li dd{ display: inline-block; padding-right: 20px; opacity: 0.8}

.link_list li{ float: left; width: 25%; padding: 1%; text-align: center}
.link_list li .pic{border:solid 1px #ededed}
.link_list li img{ display: none}
.link_list li span{ padding-bottom: 40%; background: no-repeat center center; background-size: contain}
.link_list li .txt{ padding: 3% 0;}
.link_list li h3{ font-weight: normal; padding: 0; margin: 0}
@media (max-width:768px) {
.link_list li{ width: 50%}
}

.form_supplier{}
.form_service{}

.form_all{ position: relative}
.form_all .text{ width: 100%; min-height:40px; padding: 0px 12px; background: #f8f9fa; border:none;}
.form_all textarea.text{ min-height: 150px; padding-top: 12px;}
.form_all .box_title{ line-height: 40px; width:100px; position: absolute; text-align: right}
.form_all .box_title span{ color: #999999; font-size: 12px; display: block; line-height: 20px;}
.form_all .box_input{ padding-left: 110px;}
.form_all .box_input label{padding-right: 15px;}
.form_all .box_input select{ width: 100%; min-height:40px; padding: 0px 12px; background: #f8f9fa; border:none;}
.form_all .one_row,
.form_all .box{ padding-bottom:15px;}
.form_all .box_button{ text-align: center}
.form_all .box_button .btn_submit{ color: #fff; cursor: pointer; border: none; width:120px; height:40px; background: #ff9016}
.form_all .box_button .btn_submit:hover{ background: #ff0000}
.form_all .file_box .placeholder{ padding-top: 0}
.form_all .file_box .queueList{margin: 0; border:none; display: inline-block;}
.form_all .file_box .queueList.filled{ padding: 0}
.form_all .file_box .queueList p{ padding: 0; margin: 0;line-height:40px;}
.form_all .file_box .placeholder p{ display: none;}
.form_all .file_box .webuploader-container{ width: 120px;}
.form_all .file_box .tips{ font-size: 14px; color: #999999;}
.form_all .file_box .placeholder .webuploader-pick{font-size: 0; }
.form_all .file_box .placeholder .webuploader-pick,
.form_all .file_box .btns .webuploader-pick{ width: 100%; height: 120px; padding: 0; margin: 0;border: solid 1px #ededed; background: #f8f9fa url("../images/file_add.png") no-repeat center center; box-shadow: none;border-radius:0; text-align: center}

.form_all .file_box .statusBar{ display: inline-block; position: absolute; border-top: none; width:225px; padding: 0}
.form_all .file_box .statusBar .btns { top: 0; right:0px;}
.form_all .file_box .statusBar .info{ display: none}
.form_all .file_box .uploadBtn{display: inline-block;}
.form_all .file_box .filelist li,
.form_all .file_box .filelist li p.imgWrap{ width: 120px; height: 120px; line-height: 120px; text-align: center; margin:0}
.form_all .file_box .filelist li{ margin-right: 12px; overflow: inherit}
.form_all .filelist div.file-panel { height: 30px!important; background: none; overflow: inherit; top: -15px; left:8px;}
.form_all .filelist div.file-panel span.cancel{ background: #e21f1f url("../images/cancel_icon.jpg") no-repeat center center!important;border: solid 2px #fff; border-radius: 100px; box-shadow: 4px 4px 10px rgba(0,0,0,0.17)}
.form_all .filelist div.file-panel span.rotateLeft,
.form_all .filelist div.file-panel span.rotateRight{ display: none}
@media (min-width:960px) {
.form_all .box_input select,
.form_all .text{min-height: 54px;}
.form_all .box_title,
.form_all .file_box .queueList p{ line-height: 54px;}
.form_all .box_title{ width: 110px;}
.form_all .box_title span{ font-size: 14px;}
.form_all .box_input{ padding-left: 140px;}
.form_all .one_row,
.form_all .box{ padding-bottom: 26px;}
.form_all .box{ width: 48%;}
.form_all .box:nth-child(odd){ float: left}
.form_all .box:nth-child(even){ float: right}
.form_all .box_button{ position: absolute; bottom:60px; right: 0}
.form_all .box_button .btn_submit{ width: 200px; height: 52px;}
.form_all .box_button.center{ position: relative; bottom: auto; padding-top:3%}
.form_all .file_box .tips{ position: absolute; left: 160px; white-space: nowrap; top:50%; margin-top: -20px; line-height: 20px;}
}
@media(max-width: 640px){
    .form_all .box_title{ width: 70px;}
    .form_all .box_input{padding-left: 90px;}
}

.font_list ul li{ padding:2.3% 0; border-bottom: solid 1px #eeeeee;line-height:30px;}
.font_list ul li span{ float: right; color: #999999}
.font_list ul li a{ padding-left: 24px;}
.font_list ul li:before{ content: ''; position: absolute; width:4px; height:4px; margin-top:10px; border-radius: 10px; background: #ff9016}
@media (max-width:960px) {
.font_list ul li a{ padding-left:12px;}
}

.details_article .title{ background: #f9f9f9; padding: 3%; text-align: center; line-height: 1.2}
.details_article .title h1{ color: #333333; padding:2% 0; margin: 0; font-weight: normal;}
.details_article .title time{ color: #999999}
.details_article .article{ padding:5% 0; color: #666666; line-height: 2; border-bottom: solid 1px #f2f2f2}

.other_title{ position: relative; padding-top: 5%}
.other_title .back{ display: block; width: 120px; line-height:36px; text-align: center; color: #fff; background: #ff9016}
.other_title .back:hover{ background: #ff0000}
.other_title p{ padding:1% 0; margin: 0; line-height: 25px;}
.other_title p i{ font-style: normal; color: #999999}
@media (min-width:960px) {
.other_title .back{float: right; width: 150px; line-height: 50px;}
.other_title p{ padding-right: 160px;}
}

.purchase_list{ overflow: hidden}
.purchase_list ul{ margin-left: -1.75%; margin-right: -1.75%}
.purchase_list li{ float: left; width: 25%; padding:1.75%;}
.purchase_list a{ display: block; position: relative; border: solid 1px #ededed; padding:22% 5% 8% 5%; background: url("../images/li_bg.png") no-repeat right top; background-size: contain; transition: 0.5s;}
.purchase_list span{ font-size: 14px; color: #ff9016; margin-bottom: 10%; display: block;}
.purchase_list span b{font-size: 48px; display: block;}
.purchase_list h3{ padding: 0;margin: 0; font-weight: normal; line-height:36px; height:72px}
.purchase_list p{ padding: 0; margin: 0; color: #999999}
.purchase_list .txt{ max-width: 230px; margin: auto}
.purchase_list a:hover{ box-shadow: 0 0 12px rgba(0,0,0,0.1)}
@media (max-width:1200px) {
.purchase_list span b{font-size: 38px; }
}
@media (max-width:768px) {
.purchase_list span b{font-size:24px; }
.purchase_list li{ width: 50%;}
.purchase_list h3{line-height:24px; height:48px}
.purchase_list a{ padding-top:15%; padding-bottom: 10%}
}


.jobs_list .title{ background: #f8f9fa; transition: 0.5s; position: relative}
.jobs_list .title:before{ content: ''; position: absolute; right:3%; top: 50%; transform: rotate(-135deg); width: 8px; height: 8px; border-right: solid 2px #999999; border-bottom: solid 2px #999999; transition: 0.5s}
.jobs_list .title.first:before{content: none;}
.jobs_list .title li{ float: left; width: 16%; padding:1.5% 0; text-align: center}
.jobs_list .title li.n0{text-align: left; padding-left: 20px;}
.jobs_list .title li.n1{ padding-left: 0%; width: 16%; text-align: left}
.jobs_list .title.show{ color: #fff; background: #ff9016; margin-bottom: 0;}
.jobs_list .title.show:before{ border-color: #fff; transform: rotate(45deg); margin-top: -4px;}
.jobs_list .first{ color: #ff9016}
.jobs_list .list{ padding-top: 9px;}
.jobs_list .list .title{ cursor: pointer}
.jobs_list .info{ display: none; background: #f8f9fa; padding: 5%; line-height: 2.5; position: relative;}
.jobs_list .info .txt{ color: #666; padding-bottom: 4%}
.jobs_list .info .txt_wap{ padding-bottom: 4%; display: none}
.jobs_list .info .txt_wap p{ padding: 0; margin: 0}
.jobs_list .info .txt_wap span{ color: #999}
.jobs_list .info .apply{ position: absolute; right: 3%; bottom: 3%; background: #ff9016; text-align: center;}
.jobs_list .info .apply a{color: #fff; line-height: 50px; width: 150px; display: block;}
@media (max-width:768px) {
.jobs_list .title li.wap{ display: none}
.jobs_list .title li.n0{width: 30%;}
.jobs_list .title li.n1{ width: 35%;padding-left: 3%; padding-right: 3%;}
.jobs_list .title li.n2{ width: 25%}
.jobs_list .info .txt_wap{ display: block}
}
@media(max-width: 640px){
    .jobs_list .info .apply{top: 3%; bottom: auto;}
    .jobs_list .info .apply a{line-height: 40px; width: 120px;}
}
@media(max-width: 480px){
  .jobs_list .title li.n0{padding-left: 10px;}
}

.staff_life{ padding-left: 5%; padding-right: 5%;}
.staff_life .auto-1440{ position: relative}
.staff_life .auto-1440:before{ content: ''; width: 100%; height: 100%; position: absolute; background: url("../images/staff_line.png") repeat-y center top; background-size: contain}
.staff_life .list{ padding-bottom:15%;; position: relative; z-index: 10}
.staff_life .info{ padding: 5% 4% 2% 7%; position: relative}
.staff_life .title{ color: #ff9016}
.staff_life .title h2{ font-weight: normal; padding: 0; margin: 0; line-height:1.8}
.staff_life .txt{ padding: 3% 0; line-height: 2}
.staff_life .photo{ position: relative}
.staff_life .photo img{ width: 100%}
.staff_life .photo .small{ width:36.914%; position: absolute; box-shadow: 0 0 0 10px #fff}

.Tab{ width:100%; margin-top:18px; height:26px; border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
.Tab li{ height:26px; line-height:26px; padding:0 15px; float:left; border-right:1px solid #ededed; cursor:pointer;list-style-type: none;}
.Tab li.on{ color:#c1a791; border-bottom:2px solid #c1a791;}

.ContBox{ width:100%;}
.ContBox .Box{ width:100%; height:auto; display:none; padding:20px 0 12px;}
.ContBox .Box img{margin-left: 0!important;}

.staff_life .list .info:before{ content: ''; position: absolute; padding:19.634%; top: -5%; width: 0px; height: 0px; background: url("../images/staff_icon2.png") no-repeat; background-size: contain}
.staff_life .list:nth-child(odd) .info:before{ left:-15%}
.staff_life .list:nth-child(even) .info:before{ right:-15%}
.staff_life .list:nth-child(1) .info:before{ left: -10%; background-image: url("../images/staff_icon1.png")}
.staff_life .list:nth-child(3) .info:before{ background-image: url("../images/staff_icon3.png")}
.staff_life .list:nth-child(4n+2),
.staff_life .list:nth-child(4n+4){ padding-bottom: 10%}
@media (min-width:768px) {
.staff_life .list .info,
.staff_life .list .photo{ width:47.223%}
.staff_life .list:nth-child(odd) .info,
.staff_life .list:nth-child(even) .photo{ float: left}
.staff_life .list:nth-child(even) .info,
.staff_life .list:nth-child(odd) .photo{ float: right}
.staff_life .list:nth-child(4n+1) .photo .small{ right: -10%; bottom: -18%;}
.staff_life .list:nth-child(4n+2) .photo .small,
.staff_life .list:nth-child(4n+4) .photo .small{ right: -42%; top: 0;}
.staff_life .list:nth-child(4n+3) .photo .small{ left: -30%; bottom: -18%;}
.staff_life .list:nth-child(4n+2) .info,
.staff_life .list:nth-child(4n+4) .info{ padding-top: 15%}
}
@media (max-width:768px) {
.staff_life .list .photo .small{ bottom: -18%; box-shadow: 0 0 0 5px #fff}
.staff_life .list:nth-child(odd) .photo .small{ left: -5%; }
.staff_life .list:nth-child(even) .photo .small{ right: -5%;}
.staff_life .info{ padding: 5% 0}
}


.news_list h3{padding: 0; margin: 0; font-weight: normal}
.news_list time{ color: #999999; display: block;}
.news_list .pic span{ background-size: cover}
.news_list .pic img{ display: none; width: 100%}
.news_list .hot{ background: #f8f9fa; margin-bottom: 3%}
.news_list .hot .item{ position: relative}
.news_list .hot .pic{ position: absolute; width: 50%; height: 100%;}
.news_list .hot .pic span{ width: 100%; height: 100%}
.news_list .hot .info{ padding: 5% 5% 6.282% 55%}
.news_list .hot h3{ padding: 8% 0}
.news_list .hot p{ padding: 0; margin: 0; line-height: 30px; height: 90px;}
.news_list .hot time{ padding-top:15%;}
.news_list .hot .slick-dots{ position: absolute; z-index: 10; right: 5%; bottom: 10%; width: auto}
.news_list .hot .slick-dots li{ position: relative ;padding: 0px 10px}
.news_list .hot .slick-dots li:before { content: ''; position: absolute; width: 18px; height: 18px; transition: 0.5s; left:5px; top:-5px}
.news_list .hot .slick-dots li button{ padding: 0; width: 7px; height: 7px; background: #cccccc}
.news_list .hot .slick-dots li.slick-active button{ opacity: 0}
.news_list .hot .slick-dots li.slick-active:before{ background:url("../js/slick/dots_icon.png") no-repeat center center; transform: rotate(360deg)}
.news_list .list ul{ margin-left: -1.966%; margin-right: -1.966%;}
.news_list .list li{ padding:1.966%; float: left; width:33.333%}
.news_list .list li a{ display: block;}
.news_list .list .pic span{ padding-bottom:61.365%}
.news_list .list .txt{ padding:5% 6%;box-shadow: 0 0 10px 0px rgba(0,0,0,0.05)}
.news_list .list time{ padding-top: 10px;}

.news_list2 .list li{ width:25%;}

@media (max-width:768px) {
.news_list .hot .info{ padding:3%}
.news_list .hot .pic{ position:relative; width:100%; height:auto;}
.news_list .hot .pic span{ display: none}
.news_list .hot .pic img{ display: block}
.news_list .hot time{ padding-top:5%;}
.news_list .hot h3{ padding:2% 0}
.news_list .hot p{ height: auto}
.news_list .hot .slick-dots{ bottom: 3%}
.news_list .list li{ width: 50%;}
}
.stock_ticker { padding: 4px; background: #f8f9fa}
.stock_ticker .info{ float: left; width: 32%; padding:3% 5%}
.stock_ticker .info .stock{ font-size: 18px;}
.stock_ticker .info .stock span{font-size: 40px;}
.stock_ticker .info .txt{ padding: 5% 0; border-bottom: solid 1px #eeeeee}
.stock_ticker .info .txt b{ font-size: 48px; padding-right:48px; margin-right: 20px; background: no-repeat right center; font-weight: normal;}
.stock_ticker .info .txt span{ display: inline-block;}
.stock_ticker .info .txt span i{ display: block; font-style: normal}
.stock_ticker .info .txt#red{ color: #ff0000}
.stock_ticker .info .txt#red b{ background-image: url("../images/stock_red.png")}
.stock_ticker .info .txt#green{ color: #00ba00}
.stock_ticker .info .txt#green b{ background-image: url("../images/stock_green.png")}
.stock_ticker .info ul{ padding: 5% 0}
.stock_ticker .info ul li{ padding: 3% 0; line-height:1.5; color: #666666; float: left; width: 50%;}
.stock_ticker .info ul li span{ display: block}
.stock_ticker .info .tips{ color: #999999}
.stock_ticker .photo{ float: right; width: 68%; text-align: center}
@media (max-width:1200px) {
.stock_ticker .info{padding:2%}
.stock_ticker .info .stock span{font-size: 26px;}
.stock_ticker .info .txt b{ font-size:32px;}
}
@media (max-width:768px) {
.stock_ticker .info,
.stock_ticker .photo{ float: none; width:100%;}
.stock_ticker .info .stock span{font-size: 20px;}
.stock_ticker .info .txt b{ font-size:26px;}
}

.corporate_info .title{ font-weight: normal;}
.corporate_info .info{ padding-bottom: 2%; line-height: 1.8; color: #666666}
.corporate_info .ul_txt{ padding-left: 25px;}
.corporate_info .ul_txt li{ position: relative; padding-top: 1%;}
.corporate_info .ul_txt li:before{ content: ''; margin-top: 10px; position: absolute; left: -25px; width: 4px; height: 4px; background: #ff9016; border-radius: 20px;}

.download_list .title{ font-weight: normal;}
.download_list li{ line-height: 30px; padding: 2% 0; border-bottom: solid 1px #eeeeee;}
.download_list li .txt{ float: left; width: 68%; padding-left:3.5%; background: url("../images/icon_pdf.png") no-repeat left}
.download_list li .other{ float: right; width:32%; max-width: 380px; text-align: right}
.download_list li .other span{ display: inline-block; color: #999999; width: 32%;}
.icon_preview a,
.preview a,
.download a,
.icon_download a{ color: #ff9016; padding-left: 28px;}
.preview a,
.icon_preview a{ background: url("../images/preview.png") no-repeat left}
.download a,
.icon_download a{ background: url("../images/download.png") no-repeat left}
@media (max-width:768px) {
.download_list li .txt,
.download_list li .other{ float: none;width: 100%;}
.download_list li .txt{ padding-left:8%}
}

.download_photolist{ overflow: hidden}
.download_photolist li{ float: left}
.download_photolist li .box{ position: relative}
.download_photolist li .pic span{ background: no-repeat center center; background-size: cover}
.download_photolist li .pic img{ display: none;}
.download_photolist li .txt .time{ padding-left: 21px; color: #999999; background: url("../images/icon_time.jpg") no-repeat left}
.download_photolist li .txt h3{ font-weight: normal; margin: 0}
.download_photolist li .txt span{ line-height: 20px; display: inline-block}
.download_photolist li .txt .size{ padding-left: 34px; color: #999999; background: url("../images/icon_pdf.png") no-repeat left}
.download_photolist li .other span{ width: 30%}
.download_photolist#ProspectusSupplement ul{ margin-left: -1.6%; margin-right: -1.6%}
.download_photolist#ProspectusSupplement li{ padding: 1.6%; width: 25%}
.download_photolist#ProspectusSupplement li .pic{ border: solid 1px #efefef}
.download_photolist#ProspectusSupplement li .pic span{ padding-bottom:133.5%;}
.download_photolist#ProspectusSupplement li .txt{ padding:8% 0}
.download_photolist#ProspectusSupplement li .txt h3{ padding: 3% 0}
.download_photolist#ProspectusSupplement li .txt .size{ display: none}

.download_photolist#PerformanceReport ul{ margin-left: -1.6%; margin-right: -1.6%}
.download_photolist#PerformanceReport li{ padding: 1.6%; width:50%}
.download_photolist#PerformanceReport li .box{ background: #f8f9fa url("../images/li_bg2.png") no-repeat right bottom}
.download_photolist#PerformanceReport li .pic{ position: absolute; width:27.32%; height: 100%}
.download_photolist#PerformanceReport li .pic span{ width: 100%; height: 100%}
.download_photolist#PerformanceReport li .txt{ padding:8% 4% 10% 35%}
.download_photolist#PerformanceReport li .txt h3{ padding: 5% 0}
.download_photolist#PerformanceReport li .other{ padding-top: 5%}

@media (max-width:768px) {
.download_photolist li .txt .size{ padding-left:20px;}
.download_photolist#ProspectusSupplement li{ width: 50%}
.download_photolist#ProspectusSupplement li .other span{ width:48%}
.download_photolist#PerformanceReport li{ width: 100%; float: none}
}

.member_company { overflow: hidden}
.member_company ul{ margin-left: -1.48%; margin-right: -1.48%;}
.member_company ul li{ float: left; width: 33.333%; padding:1.48%;}
.member_company ul li .pic span{ padding-bottom:62.2%; background: no-repeat center center; background-size: cover}
.member_company ul li img{ display: none}
.member_company ul li a{ display: block; position: relative}
.member_company ul li .txt{ z-index: 5; color: #fff; position: absolute; width: 100%; bottom: 0; padding:5% 6%;}
.member_company ul li .txt h3{ line-height: 2; padding: 0; margin: 0; font-weight: normal}
.member_company ul li .txt h3 span{font-size: 14px;}
.member_company ul li .txt p{ padding: 0; margin: 0; }
.member_company ul li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%; background: linear-gradient(0deg, rgb(0 0 0 / 50%) 50%, rgb(0 0 0 / 0%) 100%); transition: 0.5s}
.member_company ul li a:hover:after{ opacity: 0}
@media (max-width:768px) {
.member_company ul li{ width: 50%}
.member_company ul li .txt h3 span{font-size: 12px;}
}

.info_service{ padding-bottom: 4%;border-bottom: solid 1px #ededed; margin-bottom: 2%}

.Pages{ text-align: center; padding-top: 4%}
.Pages span,
.Pages .p_page .a_first,
.Pages .p_page .a_end{ display: none}
.Pages .p_page{ display: block}
.Pages .p_page a{ display: inline-block; overflow: hidden; padding: 0px 15px; min-width: 56px; line-height: 56px; background-color: #f8f9fa}
.Pages .p_page a.a_cur{ color: #fff; background-color: #ff9016}
.Pages .p_page .num{ font-style: normal}
.Pages .p_page .num a{ margin: 0 6px;}
.Pages .p_page .a_prev,
.Pages .p_page .a_next{ text-indent: -100px; background:#ff9016 no-repeat center center; font-size: 0;}
.Pages .p_page .a_prev{ background-image: url("../images/a_prev.png")}
.Pages .p_page .a_next{ background-image: url("../images/a_next.png")}

@media (max-width:1200px) {
.Pages .p_page a{min-width:40px; line-height:40px;}
}
@media (max-width:768px) {
.Pages .p_page a{min-width:30px; line-height:30px;}
}

.qui-single{overflow: hidden;font-size: 16px;line-height: 1.875;color: #666;text-align: justify;}
.qui-single img{height: auto!important;}

.qui-dszbox{overflow: hidden;}
.qui-dszbox .qui-fl{width: 40.9722222222%;float: left;}
.qui-dszbox .qui-fr{margin-left: 40.9722222222%;padding-left: 10.4166666667%;}
.qui-dszbox .quiinfo{text-align: justify;overflow: hidden;color: #333;font-size: 16px;line-height: 1.875;}
.qui-dszbox .quiinfo p{margin: 0;}
.qui-dszbox .divname{color: #ff9016;font-size: 22px;padding: 40px 0 30px;}
.qui-dszbox .divname0{font-size: 30px;}
@media (max-width: 1400px){
    .qui-dszbox .qui-fr{padding-left: 4%;}
    .qui-dszbox .divname{padding: 30px 0 20px;}
}
@media (max-width: 1024px){
    .qui-dszbox .qui-fl{float: none;width: 100%;}
    .qui-dszbox .qui-fr{margin-left: 0;padding-left: 0;padding-top: 2%;}
    .qui-dszbox .divname{font-size: 18px;padding: 20px 0 10px;}
    .qui-dszbox .divname0{font-size: 24px;}
    .qui-dszbox .quiinfo{font-size: 14px;}
}
@media (max-width: 640px){
    .qui-dszbox .qui-fl{width: 100%;}
    .qui-dszbox .divname{text-align: center;}
}

.qui-box-rhjx{max-width: 1200px;margin: 0 auto;border-bottom: 1px solid #ededed;padding: 60px 0;}
.qui-box-rhjx .quiname{color: #ff9016;font-size: 22px;text-align: center;padding-bottom: 20px;background: url(../images/rhttbg.png) center bottom no-repeat;margin-bottom: 50px;}
.qui-box-rhjx1{min-height: 710px;position: relative;background: bottom center no-repeat;padding: 350px 120px 40px;border: none;}
.qui-box-rhjx6{padding-bottom: 0!important;border: none;}
.qui-box-rhjx1 .quiname{margin-bottom: 30px;}
.qui-box-rhjx1 .quiinfo{margin-bottom: 35px;}
.qui-box-rhjx1 .quiinfo2{text-align: center;color: #ff9016;font-size: 14px;}
.qui-box-rhjx1 .quiinfo2 img{max-width: 110px;margin-bottom: 10px;}
.qui-box-rhjx .ULLIST1 li{display:table; width:100%;table-layout: fixed;padding: 20px 0;}
.qui-box-rhjx .ULLIST1 li .quicell{display:table-cell; vertical-align:middle;}
.qui-box-rhjx .ULLIST1 li .quiico{width: 60px;}
.qui-box-rhjx .ULLIST1 li .quibox{padding-left: 40px;}
.qui-box-rhjx3 .ULLIST1 li .quinum{width: 20px;vertical-align: top;border-radius: 50%;background: #ff9016;text-align: center;line-height: 20px;color: #fff;font-size: 14px;float: left;margin-top: 5px;}
.qui-box-rhjx3 .ULLIST1 li .quibox{padding-left:12px;margin-left: 20px;line-height: 30px;}
.qui-box-rhjx3 .ULLIST1 li{padding: 15px 0;}
.qui-box-rhjx .ULLIST2{font-size: 0;padding: 50px 0;text-align: center;}
.qui-box-rhjx .ULLIST2 li{font-size: 14px;display: inline-block;vertical-align: top;width: 360px;padding: 0 60px;text-align: left;}
.qui-box-rhjx .ULLIST2 li .quipic{margin-bottom: 25px;position: relative;padding-bottom: 63.5245901639%;}
.qui-box-rhjx .ULLIST2 li .quipic img{position: absolute;width: 100%;left: 0;top: 0;}

@media (max-width: 1300px){
    .qui-box-rhjx .ULLIST2 li{width: 33.33333333333%;}
}
@media (max-width: 1024px){
    .qui-single{font-size: 14px;}
    .qui-box-rhjx{padding: 4% 0;}
    .qui-box-rhjx1{min-height: 0;background-position: center bottom;padding-left: 20px;padding-right: 20px;}
    .qui-box-rhjx .quiname{font-size: 20px;padding-bottom: 10px;background-size: auto 8px;margin-bottom: 15px;}
    .qui-box-rhjx1 .quiinfo{margin-bottom: 20px;}
    .qui-box-rhjx1 .quiinfo2 img{margin-bottom: 5px;}
    .qui-box-rhjx .ULLIST1 li{padding: 5px 0;}
    .qui-box-rhjx .ULLIST1 li .quiico{width: 36px;height: 36px;vertical-align: top;}
    .qui-box-rhjx .ULLIST1 li .quibox{padding-left: 15px;}
    .qui-box-rhjx3 .ULLIST1 li .quibox{padding-left: 7px;}
    .qui-box-rhjx .ULLIST2{padding: 3% 0;}
    .qui-box-rhjx .ULLIST2 li{padding: 0 15px;max-width: 300px;}
    .qui-box-rhjx .ULLIST2 li .quipic{margin-bottom: 10px;}
}
@media (max-width: 640px){
    .qui-box-rhjx .ULLIST2{padding-bottom: 0;}
    .qui-box-rhjx .ULLIST2 li{width: 100%;padding: 0 0 20px 0;max-width: 240px;}
}




/* .index-banner{padding-top: 120px;} */
.index-banner .pic_pc{position: relative; background-size: cover; background-position: center; width: 100%; padding-top: 100vh; display: block;}
.index-banner .pic_wap{position: relative; background-size: cover; background-position: center; width: 100%; padding-top: 8%; display: none;}
.index-banner .slick-dots{position: absolute; left: 0; bottom: 10%; z-index: 30;}
.index-banner .slick-dots li button{transition: all .3s ease-in-out;}
.index-banner .slick-dots li:not(.slick-active) button{background: #fff; border-radius: 50%; width: 6px; height: 6px; padding: 0;}
.index-banner .slick-dots li.slick-active button{width: 18px; height: 18px; background: none; border: 2px solid rgba(255,255,255,.4); position: relative;}
.index-banner .slick-dots li.slick-active button::after{content: ''; width: 18px; height: 18px; background: none; border-radius: 50%;}

.index-banner .content{color: #fff; position: absolute; left: 0; top: 40%; width: 100%;}
.index-banner .title-en{font-size: 52px; font-family: "SourceHanSansCN"; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; margin: 1% 0;}
.index-banner .title{font-size: 52px; font-weight: bold; font-family: "SourceHanSansCN";}
.index-banner .txt{font-size: 22px; font-family: 'Alibaba Regular'; padding-top: .6%;}
@media(min-width: 1024px){
  .index-banner .pic{height: 100vh;}
}
@media(max-width: 1024px){
  .fp-tableCell,.fp-section.fp-table, .fp-slide.fp-table{height: auto !important;}
  .index-banner{padding-top: 65px;}
  .index-banner .pic_pc{padding-top: 8%;}
  .index-banner .pic_wap{display: block;}
  .index-banner .content{top: 20%;}
  .index-banner .title-en,
  .index-banner .title{font-size: 40px;}
  .index-banner .txt{font-size: 18px;}
}
@media(max-width: 768px){
  .index-banner .title-en{font-size: 30px; margin: .5%;}
  .index-banner .title{font-size: 30px;}
  .index-banner .txt{font-size: 16px;}
}
@media(max-width: 640px){
  .index-banner .title-en,
  .index-banner .title{font-size: 22px;}
  .index-banner .txt{font-size: 14px;}
  .index-banner{padding-top: 90px;}
}
@media(max-width: 480px){
  .index-banner .content{top: 10%;}
  .index-banner .title-en,
  .index-banner .title{font-size: 17px;}
  .index-banner .txt{font-size: 12px;}
}


.index-part2{background-size: cover; background-position: center; background-repeat: no-repeat;}
.index-part2 .content{width: 51%; float: right;}
.index-part2 .code-box{ border-bottom: 1px solid rgba(255,255,255,.4); padding-bottom: 5%;}
.index-part2 .num{font-size: 80px; color: #fff; line-height: 92px;}
.index-part2 .tit{font-size: 18px; color: #fff; padding-left: 5px;}
.index-part2 ul{padding-top: 5%; margin: 0 -7%;}
.index-part2 li{width: 33.3333%; float: left; padding: 0 7%;}
.index-part2 li:last-child{padding-left: 0;}
@media(max-width: 1300px){
.index-part2 .num{font-size: 65px;}
}
@media(max-width: 1024px){
  .index-part2 .content{padding: 15% 0;}
  .index-part2 .num{font-size: 50px; line-height: 60px;}
}
@media(max-width: 768px){
  .index-part2 .content{width: 100%;}
  .index-part2 ul{margin: 0 -8%;}
}
@media(max-width: 480px){
  .index-part2 .num{font-size: 40px;}
  .index-part2 .tit{font-size: 14px;}
}

.index-part3{background-color: #F9F9F9;}
.index-part3 ul{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; padding-top: 120px;}
.index-part3 ul li{width: 33.3333%; padding: 0 1.7%; margin: 2% 0;}
.index-part3 .pic{position: relative; background-size: 100%; background-position: center; padding-top: 62.5%; transition: all .3s;}
.index-part3 ul li:hover .pic{background-size: 110%;}
.index-part3 .content{position: absolute; width: 100%; height: 40%; left: 0; bottom: 0; padding: 7% 6.25% 0 6.25%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.index-part3 .content .tit{font-size: 24px; color: #fff; letter-spacing: 1px;}
.index-part3 .content .tit span{font-size: 14px;}
.index-part3 .content .subtit{font-size: 16px; color: #fff; padding-top: 1%; letter-spacing: 1px;}
@media(max-width: 1024px){
  .index-part3 ul{padding-top: 5%;}
  .index-part3 .content{padding-top: 0;}
  .index-part3 .content .tit{font-size: 20px;}
  .index-part3 .content .tit span{font-size: 12px;}
  .index-part3 .content .subtit{font-size: 14px;}
}
@media(max-width: 640px){
  .index-part3 ul li{width: 50%;}
}
@media(max-width: 480px){
  .index-part3 ul li{width: 100%;}
}

.index-part4{background-color: #F9F9F9;}
.index-part4 .subtit{font-size: 40px; color: #999; font-family: 'Alibaba Light'; text-align: center; line-height: 1; padding-top: 5%;}
.index-part4 .title{font-size: 40px; color: #333; font-family: 'Alibaba Medium'; text-align: center; line-height: 1.5; padding-bottom: 3%;}
.index-part4 .content{display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
.index-part4 .left,
.index-part4 .right{width: 48.75%; position: relative;}
.index-part4 .left .pic,.index-part4 .left .pic_box{position: relative; display: block;}
.index-part4 .left .pic img{width: 100%; height: 100%; transition: all .3s;}
.index-part4 .left .pic:hover img{transform: scale(1.1);}
.index-part4 .left .pic .text{position: absolute; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 80px; padding: 0 15% 0 5%;}
.index-part4 .left .pic .bg_cover{padding-top: 66.67%;}
.index-part4 .left .date,.index-part4 .left .tit{display: inline-block; color: #fff; line-height: 80px; vertical-align: top;}
.index-part4 .left .tit{padding-left: 5%; width: 80%;}
.index-part4 .slick-dots{position: absolute; right: 0; bottom: 0; line-height: 80px; z-index: 1; width: 20%;}
.index-part4 .slick-dots li{padding: 0 6px;}
.index-part4 .slick-dots li button{background: rgba(255,255,255,.3); width: 10px; height: 10px; padding: 0;}
.index-part4 .slick-dots li.slick-active button{background: #fff;}
.index-part4 .right li{padding: 2.7% 3.8%; background-color: #fff; margin-bottom: 2%;}
.index-part4 .right .tit1{font-size: 18px; float: left; color: #333; width: 80%;}
.index-part4 .right .date1{font-size: 16px; color: #bbb; float: right;}
.index-part4 .right .txt{display: none;}
.index-part4 .right li:first-child .tit1{float: none; font-size: 24px; color: #ff9016; font-family: 'Alibaba Medium'; width: 100%;}
.index-part4 .right li:first-child .date1{float: none; line-height: 40px;}
.index-part4 .right li:first-child .txt{display: -webkit-box; color: #888; line-height: 1.8; letter-spacing: 0.5px; display: box;}
.index-part4 .right li:last-child{margin-bottom: 0;}
@media(max-width: 1024px){
  .index-part4 .left,
  .index-part4 .right{width: 100%;}
  .index-part4 .right ul{padding: 3% 0;}
}
@media(max-width: 768px){
  .index-part4 .subtit{font-size: 30px;}
  .index-part4 .title{font-size: 30px;}
}
@media(max-width: 640px){
  .index-part4 .right li:first-child .tit1{font-size: 20px;}
  .index-part4 .right .tit1{font-size: 16px; width: 75%;}
  .index-part4 .right .date1{font-size: 14px;}
}
@media(max-width: 480px){
  .index-part4 .slick-dots li{display: none;}
  .index-part4 .left .pic .text{height: 60px;}
  .index-part4 .left .date,.index-part4 .left .tit{line-height: 60px; font-size: 14px;}
  .index-part4 .right li:first-child .tit1{font-size: 20px;}
  .index-part4 .left .pic .text{padding: 0 5%;}
}


/* 集团简介 */
.company-profile{padding: 6% 0;}
.company-profile .part1 .left{width: 70%; padding-right: 10%; float: left;}
.company-profile .part1 .left img{width: 187px; height: auto!important;}
.company-profile .part1 .left .txt{text-align: justify; padding: 4% 0; line-height: 2;}
.company-profile .part1 .right{width: 30%; float: left;}
.company-profile .part2{ overflow: hidden; overflow-x: auto;}
.company-profile .part2 ul{padding: 2% 0; margin-top: 5%;}
.company-profile .part2 ul li{float: left; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.4); width: 20%;}
.company-profile .part2 ul li:last-child{border: none;}
.company-profile .part2 .count{display: inline-block; color: #fff; font-size: 38px; line-height: 45px;}
.company-profile .part2 .unit{color: #fff; font-size: 14px; padding-left: 5px;}
.company-profile .part2 .tit{font-size: 16px; color: rgba(255, 255, 255, 0.8);}
.company-profile .part3{padding-top: 5%;}
.company-profile .part3 .left{width: 40%; float: left;}
.company-profile .part3 .left img{width: 100%; height: auto!important;}
.company-profile .part3 .right{width: 60%; float: left; padding: 0 0 2% 6%; line-height: 2;}
.company-profile .part3 .right .slogan{padding-top: 3%; font-size: 20px; color: #ff9016;}
@media(max-width: 768px){
  .company-profile .part1 .left{width: 100%; padding-right: 0;}
  .company-profile .part1 .right{width: 40%;}

  .company-profile .part2 .count{font-size: 30px; }
  .company-profile .part2 ul li{width: 33.333%;}
  .company-profile .part2 .tit{ font-size: 13px;}
  .company-profile .part2 ul li:nth-child(3){ border-right: none}
  .company-profile .part2 ul li:nth-child(4),
  .company-profile .part2 ul li:nth-child(5){ width: 50%}

  .company-profile .part3 .left{width: 100%;}
  .company-profile .part3 .right{width: 100%; padding-left: 0; padding-top: 4%}
}


/* 集团沿革 */
.company-evolution{padding: 6% 0; background-size: cover; background-position: center;}
.company-evolution .content_box{margin-bottom: 5%; padding: 0 22.2%;}
.company-evolution .content_box li{ position: relative;}
.company-evolution .content_box .slick-list{overflow:visible;}
.company-evolution .content_box li:not(.slick-current){z-index: -1;}
.company-evolution .content_box li.prevshow{transform: translateX(-30%) scale(0.8); opacity: 0.5!important;}
.company-evolution .content_box li.nextshow{transform: translateX(30%) scale(0.8); opacity: 0.5!important;}
.company-evolution .content_box .content{ padding: 4.5%; box-shadow: 0px 12px 16px -12px rgba(0, 0, 0, 0.411); position: relative; margin-bottom: 15px; background-position: right 115%; background-repeat: no-repeat; background-color: #fff;}
.company-evolution .content_box .pic{width: 47%; float: left;}
.company-evolution .content_box .pic img{width: 100%;}
.company-evolution .content_box .txt{width: 47%; float: right; padding: 7% 3%; line-height: 2; text-align: justify;}
.company-evolution .content_box .triangle{position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 100%); width: 0; height: 0; border-right: 15px solid transparent; border-left: 15px solid transparent; border-top: 15px solid #fff;}
.company-evolution .nav_box{padding-top: 2%;}
.company-evolution .nav_box li{position: relative;}
.company-evolution .nav_box .icon{position: relative; padding: 8% 0;}
.company-evolution .nav_box .icon .point{position: absolute; width: 5px; height: 5px; border-radius: 50%; background-color: #ff9016; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1;}
.company-evolution .nav_box li .icon .point::after{content: ''; position: absolute; width: 0; height: 0px; border: 1px solid #ff9016; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: all .3s;}
.company-evolution .nav_box li.slick-current .icon .point::after{width: 16px; height: 16px;}
.company-evolution .nav_box li .icon::before{content: ''; height: 1px; width: 45%; position: absolute; left: 0%; top: 50%; transform: translateY(-50%); background-color: #ff9016;}
.company-evolution .nav_box li .icon::after{content: ''; height: 1px; width: 45%; position: absolute; right: 0%; top: 50%; transform: translateY(-50%); background-color: #ff9016;}
.company-evolution .nav_box li .year{text-align: center; font-size: 18px; color: #333; padding-top: 8%;}
.company-evolution .nav_box li.slick-current .year{font-size: 22px; color: #ff9016;}
.company-evolution .nav_box li.slick-current .icon::before,
.company-evolution .nav_box li.slick-current .icon::after{width: 42%;}
.company-evolution .slick-next{background-image: url(../images/next-icon.png); background-color: #FCFCFD; top: 42%; width: 30px; height: 80px;}
.company-evolution .slick-prev{background-image: url(../images/prev-icon.png); background-color: #FCFCFD; top: 42%; width: 30px; height: 80px;}
.company-evolution .slick-prev:hover{background-image: url(../images/prev-icon.png);}
.company-evolution .slick-next:hover{background-image: url(../images/next-icon.png);}
@media(max-width: 1024px){
  .company-evolution .slick-next,
  .company-evolution .slick-prev{top: 35%;}
}
@media(max-width: 768px){
  .company-evolution .slick-next{top: 30%;}
  .company-evolution .slick-prev{top: 30%;}
}
@media(max-width: 640px){
  .company-evolution .slick-next{top: 28%;}
  .company-evolution .slick-prev{top: 28%;}
  .company-evolution .content_box{padding: 0 15%;}
  .company-evolution .content_box .pic{width: 100%; float: none;}
  .company-evolution .content_box .txt{width: 100%; float: none;}
}


.company-culture .part1{background-size: contain; background-position: right center; padding: 8% 0; background-repeat: no-repeat;}
.company-culture .tit{font-size: 30px; font-family: 'Alibaba Medium'; padding-bottom: .5%;}
.company-culture .subtit{font-size: 22px;}
.company-culture .part1 ul{padding-top: 4%; padding-right: 13%;}
.company-culture .part1 li{padding: .8% 0; position: relative;}
.company-culture .part1 .num{background-color: #ff9016; color: #fff; font-size: 14px; width: 20px; height: 20px; text-align: center; border-radius: 50%; position: absolute; left: 0; top: 15px; display: flex; justify-content: center; align-items: center;}
.company-culture .part1 span{color: #666; line-height: 2; padding-left: 30px; display: block;}
@media(max-width: 1024px){
  .company-culture .tit{font-size: 24px;}
  .company-culture .subtit{font-size: 18px;}
  .company-culture .part1 .num{top: 8px;}
}
@media(max-width: 640px){
  .company-culture .part1 ul{padding-right: 0;}
}

.company-culture .part2{background-color: #F8F9FA; position: relative;}
.company-culture .part2 .left{width: 50%; float: left;}
.company-culture .part2 .left img{width: 100%;}
.company-culture .part2 .right{float: right; width: 50%; padding: 8% 0 0% 9%;}
.company-culture .part2 ul{padding-top: 6%;}
.company-culture .part2 li{padding-bottom: 4%;}
.company-culture .part2 .tit1{color: #ff9016; line-height: 2;}
.company-culture .part2 .txt{line-height: 2;}
@media(max-width: 1200px){
  .company-culture .part2 .right{padding: 4% 0 0 9%;}
}
@media(max-width: 1024px){
  .company-culture .part2 .left{width: 100%;}
  .company-culture .part2 .right{width: 100%; padding: 4% 0 0 0;}
}

.company-culture .part3{padding: 5% 2%;}
.company-culture .part3 .title{font-size: 30px; font-family: 'Alibaba Medium'; text-align: center;}
.company-culture .part3 ul{margin: 5% -4.5% 0 -4.5%;}
.company-culture .part3 li{float: left; width: 20%; padding: 0 4.5%; margin: 2% 0; background: url(../images/part3-bg.jpg)no-repeat top center; padding-top: 5%;}
.company-culture .part3 .title1{font-size: 26px; position: relative; display: inline-block; z-index: 1;}
.company-culture .part3 .title1::after{content: ''; width: 20px; height: 20px; background-color: #ff9016; position: absolute; right: 0; bottom: 0; border-radius: 50%; z-index: -1; transform: translateX(50%);}
.company-culture .part3 .txt{text-align: justify; line-height: 1.8; padding-top: 6%;}
@media(max-width: 1024px){
  .company-culture .part3 .title{font-size: 24px;}
  .company-culture .part3 li{width: 33.3333%;}
}
@media(max-width: 960px){
  .company-culture .part3 li{width: 100%;}
  .company-culture .part3 li{background: url(../images/part3-bg.jpg)no-repeat top left; padding-top: 2%;}
}

.company-culture .part4{background-color: #F8F9FA; padding: 6% 0 5% 0;}
.company-culture .part4 .subtit,
.company-culture .part4 .tit{text-align: center;}
.company-culture .part4 ul{margin: 3% -1%;}
.company-culture .part4 li{width: 50%; padding: 0 1%; margin: 1.5% 0; float: left;}
.company-culture .part4 .content{background-color: #fff; padding: 5% 10%; border-radius: 100px; box-shadow: 0px 12px 20px -12px rgba(0, 0, 0, 0.2);}
.company-culture .part4 .tit1{color: #ff9016; padding-bottom: 1%; font-size: 18px; font-family: 'Alibaba Medium';}
@media(max-width: 768px){
  .company-culture .part4 li{width: 100%;}
}
@media(max-width: 640px){
  .company-culture .part4 .tit1,
  .company-culture .part4 .txt{font-size: 14px;}
}

.company-culture .part5{background-color: #fff; position: relative;}
.company-culture .part5 .left{width: 50%; float: right;}
.company-culture .part5 .left img{width: 100%;}
.company-culture .part5 .right{float: left; width: 50%; padding: 8% 9% 0% 0;}
.company-culture .part5 .tit1{color: #ff9016; line-height: 2;}
.company-culture .part5 .txt{line-height: 2; padding: 8% 0 5% 0;}
@media(max-width: 1200px){
  .company-culture .part5 .right{padding: 4% 9% 0 0;}
}
@media(max-width: 1024px){
  .company-culture .part5 .left{width: 100%;}
  .company-culture .part5 .right{width: 100%; padding: 4% 0 3% 0;}
}

.company-culture .part6{background-color: #F8F9FB; padding: 6% 0 8% 0;}
.company-culture .part6 .tit,
.company-culture .part6 .subtit{text-align: center;}
.company-culture .part6 .content{text-align: center; padding: 5% 0;}
.company-culture .part6 .box{width: 34.4444%; position: relative; margin: auto; overflow: visible;}
.company-culture .part6 .vision{position: absolute; min-width: 350px;}
.company-culture .part6 .vision .icon{width: 60px; height: 60px; border-radius: 50%; background-color: #ff9016; position: absolute; background-repeat: no-repeat; background-position: center; background-size: 45%;}
.company-culture .part6 .vision .title{color: #ff9016;}
.company-culture .part6 .type1{text-align: end;} /* 图标在右边 */
.company-culture .part6 .type1 .icon{right: 0; top: 50%; transform: translateY(-50%);}
.company-culture .part6 .type1 .title,
.company-culture .part6 .type1 .txt{padding-right: 90px;}
.company-culture .part6 .type2{text-align: start;} /* 图标在左边 */
.company-culture .part6 .type2 .icon{left: 0; top: 50%; transform: translateY(-50%);}
.company-culture .part6 .type2 .title,
.company-culture .part6 .type2 .txt{padding-left: 90px;}
.company-culture .part6 .type3{text-align: center;} /* 图标在上边 */
.company-culture .part6 .type3 .icon{left: 50%; top: 0; transform: translate(-50%, -120%);}
.company-culture .part6 .type3 .title,
.company-culture .part6 .type3 .txt{padding-left: 0;}
.company-culture #item1{left: 25%; top: 3%; transform: translateX(-100%);}
.company-culture #item4{right: 25%; top: 3%; transform: translateX(100%);}
.company-culture #item2{left: 6%; top: 40%; transform: translateX(-100%);}
.company-culture #item5{right: 6%; top: 40%; transform: translateX(100%);}
.company-culture #item3{left: 25%; top: 82%; transform: translateX(-100%);}
.company-culture #item6{right: 25%; top: 82%; transform: translateX(100%);}
.company-culture #item7{left: 50%; bottom: 0; transform: translate(-50%,155%);}
@media(max-width: 1200px){
  .company-culture .part6 .vision .icon{width: 40px; height: 40px;}
  .company-culture .part6 .type1 .title,
  .company-culture .part6 .type1 .txt{font-size: 14px;}
  .company-culture #item1{left: 25%; top: 0%; transform: translateX(-100%);}
  .company-culture #item4{right: 25%; top: 0%; transform: translateX(100%);}
  .company-culture #item3{left: 25%; top: 80%; transform: translateX(-100%);}
  .company-culture #item6{right: 25%; top: 79%; transform: translateX(100%);}
  .company-culture #item7{left: 50%; bottom: 0; transform: translate(-50%,140%);}
}
@media(max-width: 960px){
  .company-culture .part6{padding-bottom: 15%;}
}
@media(max-width: 640px){
  .company-culture .part6{padding-bottom: 0%;}
  .company-culture .part6 .box{width: auto;}
  .company-culture .part6 .box img{width: 50%;}
  .company-culture .part6 .vision{position: initial; padding: 3% 0;}
  .company-culture .part6 .type1{text-align: start;} /* 图标在右边 */
  .company-culture .part6 .type1 .icon{left: 0; top: 50%; transform: translateY(-50%);}
  .company-culture .part6 .type1 .title,
  .company-culture .part6 .type1 .txt{padding-left: 60px; padding-right: 0;}
  .company-culture .part6 .type2{text-align: start;} /* 图标在左边 */
  .company-culture .part6 .type2 .icon{left: 0; top: 50%; transform: translateY(-50%);}
  .company-culture .part6 .type2 .title,
  .company-culture .part6 .type2 .txt{padding-left: 60px;}
  .company-culture .part6 .type3{text-align: start;} /* 图标在上边 */
  .company-culture .part6 .type3 .icon{left: 0%; top: 50%; transform: translateY(-50%);}
  .company-culture .part6 .type3 .title,
  .company-culture .part6 .type3 .txt{padding-left: 60px;}
  .company-culture #item1{left: 25%; top: 3%; transform: translateX(0%);}
  .company-culture #item4{right: 25%; top: 3%; transform: translateX(0%);}
  .company-culture #item2{left: 6%; top: 40%; transform: translateX(0%);}
  .company-culture #item5{right: 6%; top: 40%; transform: translateX(0%);}
  .company-culture #item3{left: 25%; top: 82%; transform: translateX(0%);}
  .company-culture #item6{right: 25%; top: 82%; transform: translateX(0%);}
  .company-culture #item7{left: 50%; bottom: 0; transform: translate(0%,0%);}
}



.brand-intro{padding-bottom: 6%;}
.brand-intro .left,
.brand-intro .right{float: left; width: 50%;}
.brand-intro .left{padding-right: 6%;}
.brand-intro .left .txt{text-align: justify; padding-top: 5%; line-height: 2;}
.brand-intro .right .pic1,
.brand-intro .right .pic2,
.brand-intro .right .pic3{background-size: cover; background-position: center; background-repeat: no-repeat;}
.brand-intro .right .pic1{width: 100%; padding-top: 60%; margin-bottom: 2px;}
.brand-intro .right .pic2,
.brand-intro .right .pic3{width: 49.8%; padding-top: 60%; float: left;}
.brand-intro .right .pic2{margin-right: .4%;}
@media(max-width: 768px){
  .brand-intro .left,
  .brand-intro .right{width: 100%;}
  .brand-intro .left{padding-right: 0; padding-bottom: 2%;}
}




.store-query{padding-bottom: 6%; position: relative;}
[v-cloak]{display: none;}
.store-query #map{width: 100%; height: 780px; position: relative;}
.store-query #map img{ max-width: inherit}
.store-query .store{position: absolute; right: 4%; top: 5%; width: 31.25%; height: 80%; overflow: hidden;}
.store-query .store .search_map{background-color: #fff; padding: 10px 50px 10px 10px; margin-bottom: 10px;box-shadow: 0 0 5px rgba(0,0,0,0.1)}
.store-query .store .search_map a{ position: absolute; display: block; cursor: pointer;right: 10px; background: url(../images/search_icon.png) no-repeat center center; width: 40px; height: 40px;}
.store-query .store .search_map .text{ width: 100%; border: none; height: 40px;}
.store-query .store ul{background-color: #fff;}
.store-query .store .select{margin-bottom: 3%;}
.store-query .store .place{ overflow: hidden; overflow-y: auto;padding: 5%; height: 90%;}
.store-query .store .place li{padding: 5% 0; border-bottom: 1px dashed #eee; position: relative;}
.store-query .store .place li:hover{cursor: pointer;}
.store-query .store .place li::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; cursor: pointer;;}
.store-query .store .title{color: #666; line-height: 2;}
.store-query .store .address{font-size: 14px; color: #999; padding: 2% 0 4% 0;}
.store-query .store .phone{font-style: 14px; color: #666; padding-left: 20px; background: url(../images/phone.png)no-repeat left center;}
.store-query .store .place::-webkit-scrollbar{width: 2px; height: 1px;}
.store-query .store .place::-webkit-scrollbar-thumb{border-radius: 2px; background-color: #000;}
.store-query .store .place::-webkit-scrollbar-track{border-radius: 2px; background-color: #eee;}
.store-query .store .place::-webkit-scrollbar-button{display: none;}

.store-query .store .select li{width: 33.3333%; float: left; border-left: 1px solid #DEDEDE;}
.store-query .store .select li:first-child{border-left: none;}
.store-query .store .select li select{width: 100%; border: none; height: 50px; padding: 0 5%;}
.store-query .store .select li select option{height: 50px;}
@media(max-width: 640px){
  .store-query #map{height: 400px;}
  .store-query .store{position: initial; width: 100%;}
}


.product-intro{padding-bottom: 6%;}
.product-intro .tab{width: 100%; background-size: cover; background-position: center;}
.product-intro .tab li{float: left; width: 12.5%; text-align: center; color: #fff; height: 80px; position: relative; transition: all .3s;}
.product-intro .tab .tit{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; transition: all .3s;}
.product-intro .tab .circle{width: 12px; height: 12px; border-radius: 50%; border: 2px solid #fff; margin: 50px auto 0 auto; opacity: 0; transition: all .3s;}
.product-intro .tab li.on,
.product-intro .tab li:hover{background-color: rgba(255, 255, 255, 0.12); cursor: pointer;}
.product-intro .tab li.on .tit,
.product-intro .tab li:hover .tit{top: 40%;}
.product-intro .tab li.on .circle,
.product-intro .tab li:hover .circle{opacity: 1;}
.product-intro .content{margin: 2% -1.5% 5% -1.5%;}
.product-intro .content li{width: 50%; float: left; padding: 0 1.5%; margin: 2% 0; display: none;}
.product-intro .content .pic{background-size: 100%; background-position: center; padding-top: 63%; background-repeat: no-repeat; transition: all .3s;}
.product-intro .content .tit{font-size: 24px; font-family: 'Alibaba Bold'; padding-top: 5%; padding-bottom: 3%; color: #333;}
.product-intro .content .txt{color: #888; line-height: 2; margin-bottom: 2%; height: 4em;}
.product-intro .content .label{display: inline-block; padding: 0 2%; text-align: center; background-color: #ff9016; color: #fff; font-size: 14px; line-height: 25px;}
.product-intro .content li:hover .pic{background-size: 110%;}
.product-intro .tab_box{display: none;}
.product-intro .tab_box.show{display: block;}

.loading{text-align: center; display: none;}
.loading img{animation: rotate 3s linear infinite;}
.loading .txt{padding-top: 1%; color: #bbb;}
@keyframes rotate{
  100%{
    transform: rotate(360deg);
  }
}

@media(max-width: 768px){
  .product-intro .tab li{width: 25%;}
}
@media(max-width: 480px){
  .product-intro .content li{width: 100%;}
}


.space-display{padding-bottom: 6%;}
.space-display .content{padding: 3% 8% 3% 30.5%;}
.space-display .content .tit{font-size: 24px; padding-bottom: 3%; border-bottom: 1px solid #ededed;}
.space-display .content .txt{color: #888; line-height: 2; padding-top: 3%;}
.space-display .slick-dots{position: absolute; top: 60%; z-index: 1;}
.space-display .slick-dots li button{background: #ff9016; width: 6px; height: 6px; padding: 0; transition: all .3s;}
.space-display .slick-dots li.slick-active button{background: none; width: 18px; height: 18px; border: 2px solid #ff9016;}
.space-display .slick-prev,
.space-display .slick-next{top: 80%; width: 50px; height: 50px; border: 1px solid #f5f5f5; transition: all .3s; background-color: #fff;}
.space-display .slick-prev{left: 14%; background-image: url(../images/prev-icon01.png);}
.space-display .slick-next{left: 19%; background-image: url(../images/next-icon01.png);}
.space-display .slick-prev:hover{background:url(../images/prev-icon01-active.png)no-repeat center #ff9016; box-shadow: 0px 12px 20px -8px #ff8e16; border-color: #ff9016;}
.space-display .slick-next:hover{background:url(../images/next-icon01-active.png)no-repeat center #ff9016; box-shadow: 0px 12px 20px -8px #ff9016; border-color: #ff9016;}
.space-display .bg_cover{padding-top: 42.8571%;}

@media(max-width: 1024px){
  .space-display .slick-dots{top: 55%;}
  .space-display .slick-prev{left: 13%;}
  .space-display .slick-next{left: 20%;}
}
@media(max-width: 768px){
  .space-display .slick-dots{top: 50%;}
  .space-display .slick-prev{left: 10%;}
  .space-display .slick-next{left: 18%;}
  .space-display .slick-prev,
  .space-display .slick-next{width: 40px; height: 40px; top: 75%;}
  .space-display .content .tit{font-size: 20px;}
  .space-display .content .txt{font-size: 14px;}
}
@media(max-width: 480px){
  .space-display .slick-dots li{display: none;}
  .space-display .content{padding: 3% 0;}
  .space-display .slick-prev,
  .space-display .slick-next{width: 40px; height: 40px; top: 65%;}
  .space-display .slick-prev{right: 60px; left: auto;}
  .space-display .slick-next{right: 0%; left: auto;}
}
@media(max-width: 320px){
  .space-display .slick-prev,
  .space-display .slick-next{width: 30px; height: 30px; top: 60%;}
  .space-display .slick-prev{right: 45px;}
}





.member-area{padding-bottom: 6%;}
.member-area ul{margin: 0 -1.5% 3% -1.5%;}
.member-area li{width: 25%; float: left; padding: 0 1.5%; margin: 2% 0;}
.member-area li .pic{background-size: 100%; background-position: center; padding-top: 130%; transition: all .3s;}
.member-area li .tit{font-size: 20px; color: #333; padding-top: 5%; margin-bottom: 5%;}
.member-area li .date{color: #999; background: url(../images/date.png)no-repeat left center; padding-left: 20px;}
.member-area li:hover .pic{background-size: 110%;}
@media(max-width: 768px){
  .member-area li .tit{font-size: 18px;}
  .member-area li{width: 33.3333%;}
}
@media(max-width: 480px){
  .member-area li{width: 50%;}
}


.xiabu-takeout{padding-bottom: 6%;}
.xiabu-takeout .left{width: 37.5%; float: left;}
.xiabu-takeout .right{width: 62.5%; float: left;}
.xiabu-takeout .right img{width: 100%; height: auto!important;}
.xiabu-takeout .left{padding-right: 8%;}
.xiabu-takeout .left .pic{padding-bottom: 5%; border-bottom: 1px solid #ededed;}
.xiabu-takeout .left .txt{color: #888; line-height: 2; padding-top: 8%; text-align: justify;}
.xiabu-takeout .left ul{margin: 10% -10% 0 -10%;}
.xiabu-takeout .left li{width: 50%; padding: 0 10%; text-align: center; float: left; margin: 10% 0 0 0;}
.xiabu-takeout .left li:first-child .code{border: 1px solid #ededed;}
.xiabu-takeout .left .code img{width: 100%;}
.xiabu-takeout .left .tips{color: #999; padding-top: 20px;}
.xiabu-takeout .left .tit{font-size: 24px;}
@media(max-width: 1024px){
  .xiabu-takeout .left .tit{font-size: 20px;}
}
@media(max-width: 960px){
  .xiabu-takeout .left{width: 100%; padding-right: 0; padding-bottom: 3%;}
  .xiabu-takeout .right{width: 100%;}
  .xiabu-takeout .left ul{margin: 3% 0% 0 0%;}
  .xiabu-takeout .left li{width: 30%; margin-top: 3%; padding: 0 3%;}
}
@media(max-width: 480px){
  .xiabu-takeout .left li{width: 50%;}
}



.subject-contact{padding-bottom: 6%;}
.subject-contact .pic{padding-bottom: 3.5%; border-bottom: 2px solid #ff9016;}
.subject-contact ul{margin: 1.5% 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start;}
.subject-contact li{width: 33.3333%; margin: 2% 0; min-height: 68px; position: relative;}
.subject-contact li .txt{font-family: 'Alibaba Medium'; padding-left: 60px; margin-top: 24px;}
.subject-contact li .txt span{color: #999; font-family: 'AlibabaSans-Regular';}
.subject-contact li .icon{position: absolute; left: 0; top: 5px; width: 20px; height: 20px; z-index: 1; margin-top: 24px;}
.subject-contact li .icon::before{content: ''; width: 18px; height: 18px; border-radius: 50%; background-color: rgba(255,142,22,.15); z-index: -1;position: absolute; top: 50%; left: -20%;}
.subject-contact li .icon::after{content: ''; width: 1px; height: 18px; background-color: #e9e9e9; right: -20px; position: absolute;}
.subject-contact li .icon.phone{background: url(../images/subject-contact0102.png)no-repeat center; height: 22px;}
.subject-contact li .icon.email{background: url(../images/subject-contact03.png)no-repeat center; height: 18px; width: 22px;}
.subject-contact li .icon.ip{background: url(../images/subject-contact04.png)no-repeat center;}
.subject-contact li .icon.addr{background: url(../images/subject-contact05.png)no-repeat center; height: 22px;}
.subject-contact li:nth-child(1),
.subject-contact li:nth-child(2),
.subject-contact li:nth-child(3){border-bottom: 1px solid #e9e9e9; padding-bottom: 3.5%;}
.subject-contact li:nth-child(4),
.subject-contact li:nth-child(5),
.subject-contact li:nth-child(6){margin-top: 0;}
@media(max-width: 960px){
  .subject-contact li{width: 50%;}
  .subject-contact li:nth-child(1),
  .subject-contact li:nth-child(2),
  .subject-contact li:nth-child(3){border-bottom: none;}
}
@media(max-width: 640px){
  .subject-contact li{width: 100%;}
}

.header .header-nav #m4 .sub dd:last-child{display: none;}